@charset "utf-8";
@import 'color';
@import 'model-beta';
@import 'theme';

*{	
	margin: 0 auto;
	font-family: 'icomoon',"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif!important;
}
a{
	text-decoration: none;
}
html,body{
	width: 100%;
	height: 100%;
	font-size: 13px;
}

.top{
	position: absolute;
	padding: 0 5%;
	height: 65px;
	width: 100%;
	z-index: 1000;
	background-color: $black;
	box-shadow: 0 3px 18px 0px $gray;
	h2{
		color: $white;
		padding-top: 0; 
		line-height: 65px;
		text-shadow: 0 1px 6px black;
	}
}

.block{
	width: 100%;
	height: 65px;
}


.body{
	padding: 0 5%;
	vertical-align:top;
	min-height: 450px;
}

.nav{
	vertical-align:top;
	display: inline-block;
	width: 245px;
	position: relative;
	.navbox{
		width: 100%;
		.title{
			font-size: 24px;
			color: $white;
			background-color: $cyan;
			line-height: 40px;
			// box-shadow: 0 1px 4px 0 $gray;
			text-align: center;
			position: relative;
			z-index: 20;
		}
		.box{
			width: 100%;
			.nav-item{
				border-bottom: 1px solid $grayLighter;
				width: 100%;
				.ul{
					cursor: pointer;
					width: 100%;
					height: 40px;
					color: $white;
					background-color: $orange;
					font-size: 18px;
					line-height: 40px;
					text-align: center;
					// box-shadow: 0 1px 4px 0 $gray;
					z-index: 10;
				}
				.lis{
					// visibility: hidden;
					height: 0;
					overflow: hidden;
					width: 100%;
					.li{
						@include comic_1(0,0);
						cursor: pointer;
						width: 100%;
						height: 40px;
						@include BgTransparent($orange,0.75,75);
						color: $white;
						font-size: 18px;
						line-height: 40px;
						text-align: center;
					}
				}
			}
		}
	}
}

.main{
	vertical-align:top;
	display: inline-block;
	padding-left: 20px;
	color: $black;
	width: 60%;
	.mainblock{
		height: 40px;
	}
}

.caseup{
	.item{
		margin-bottom: 20px;
		.submit{
			width: 70px;
			color: $white;
			background-color: $black;
			border-radius: 0;
			box-shadow: none;
		}
	}
}


.casemanager{
	width: 100%;
	@include newLine();
	.item{
		display: inline-block;
		padding: 5px 1%;
		margin: 0 1%;
		margin-bottom: 15px;
		width: 21%;
		box-shadow: 0 1px 4px $grayLight;
		.imgbox{
			width: 100%;
			height: 85px;
			overflow: hidden;
			.img{
				width: 100%;
			}
		}
		.title{
			margin-top: 10px;
			padding-top: 5px;
			border-top: 1px solid $grayLight;
			text-align: center;
		}
		.btnbox{
			margin-top: 10px;
			.btn{
				background-color: $silver;
				border: 0;
				box-shadow: none;
				border-radius: 0;
				color: $white;
				width: 44%;
				margin: 0 3%;
				&:hover{
					background-color: $black;
				}
			}
		}
	}
}

.newsup{
	width: 100%;
	.item{
		width: 100%;
		margin-bottom: 15px;
		.newstitle{
			width: 550px;
		}
		.author{
			width: 120px;
		}
		.mainbody{
			width: 100%;
			margin-top: 5px;
			min-height: 185px;
		}
		.btn{
			width: 80px;
			border: 0;
			border-radius: 0;
			box-shadow: none;
			background-color: $silver;
			color: $white;
			&:hover{
				background-color: $black;
			}
		}
	}
}


.newsmanager{
	width: 100%;
	.newsbox{
		width: 100%;
		thead{
			height: 40px;
			font-size: 15px;
			line-height: 40px;
			font-weight: bold;
			background-color: $black;
			color: $white;
		}
		td{
			padding-left: 10px;
			.btn{
				width: 60px;
				padding: 5px 0;
				background-color: $silver;
				border: 0;
				border-radius: 0;
				box-shadow: none;
				color: $white;
				margin-right: 15px;
				&:hover{
					background-color: $black;
				}
			}
		}
	}
}

.reply{
	width: 100%;
	.replybox{
		width: 100%;
		thead{
			height: 40px;
			font-size: 15px;
			line-height: 40px;
			font-weight: bold;
			background-color: $black;
			color: $white;
		}
		td{
			padding-left: 10px;
			.btn{
				width: 60px;
				padding: 5px 0;
				background-color: $silver;
				border: 0;
				border-radius: 0;
				box-shadow: none;
				color: $white;
				margin-right: 15px;
				&:hover{
					background-color: $black;
				}
			}
		}
	}
}

.reply-item{
	width: 100%;
	.item{
		margin-bottom: 15px;
		width: 100%;
		.li{
			width: 50%;
			display: inline-block;
		}
		.text{
			margin-top: 5px;
			line-height: 18px;
		}
		.replytext{
			width: 300px;
			height: 125px;
			display: block;margin-top: 5px;
			margin-left: 0;
			resize: none;
		}
		.btn{
			width: 60px;
			padding: 5px 0;
			background-color: $silver;
			border: 0;
			border-radius: 0;
			box-shadow: none;
			color: $white;
			margin-top: 5px;
			margin-right: 15px;
			&:hover{
				background-color: $black;
			}
		}
	}
}

.busmanager{
	.index-num,.state,.operation{
		text-align: center;
	}
	.index-num{
		width: 10%;
	}
	.show-more{
        background-color: $grayLighter;
    	text-align: center;
        padding: 8px;
        cursor: pointer;
        &:hover{
            background-color: $btnHover !important;
			color: $white;
        }
	}
}





.paper-table{
    border-collapse: collapse;
    width: 100%;
    @include shadow(0, 1px, 6px, $grayLight);
    tr {
        background-color: $white;
        &:hover {
            background-color: rgba($grayLight, 0.15);
        }
    }
    thead {
        background-color: $grayLighter;
        td {
        	text-align: center;
            padding: 8px;
        }
    }
    td {
        padding: 8px 0;
        @include newLine();
        a {
            color: $themeColor !important;
            text-shadow: none !important;
            &:hover {
                color: $btnHover !important;
            }
        }
        img {
            border-radius: 50%;
            border: 1px $themeColor solid;
        }
    }
}


.bottom{
	margin-top: 70px;
	height: 100px;
	width: 90%;
	@include hr($grayLight);
	text-align: center;
	color: $black;
	a{
		color: $black;
	}
}

